<template>
	<view class='shou'>
		<!-- 头部 -->
		<view class="status-contents">
			<!-- 状态栏 -->
			<view class="status top-view"></view>
			<!-- 自定义导航栏 -->
			<view class="title" style="height: 55rpx;">
				<!-- 自定义导航栏左-->
				<view class="city">
					<text class="uni-nav-bar-text">北京</text>
					<uni-icons type="arrowdown" color="#666" size="18" />
				</view>
				<!-- 自定义导航栏中 -->
				<view class="input-view">
					<uni-icons class="input-uni-icon" type="search" size="18" color="#999" />
					<input confirm-type="search" class="nav-bar-input" type="text" placeholder="搜影片、影院、演出" />
				</view>
				<!-- 自定义导航栏右 -->
				<view class="city">
					<uni-icons class="icons" type="calendar" color="#666" size="30" />
					<uni-icons class="icons" type="chatbubble" color="#666" size="30" />
				</view>
			</view>
		</view>
		<custom-tabs type="c1">
			<custom-tab-pane label="首页" name="c1_1">
				<!-- 内容区域 -->
				<view class="content" style="height: 100%;">
					<!-- 图片安心购 -->
					<view class="lun">
						<image src="../../static/performance/演出1.png" mode=""></image>
						<view class="axg">
							<view class="ax">
								<svg t="1684828941374" class="icon" viewBox="0 0 1024 1024" version="1.1"
									xmlns="http://www.w3.org/2000/svg" p-id="2426" width="20" height="20">
									<path
										d="M512 63.2L160.8 226.4v244.8c0 226.4 149.6 437.6 351.2 489.6 201.6-51.2 351.2-263.2 351.2-489.6V226.4L512 63.2z m-8 574.4l-45.6 45.6-45.6-45.6-90.4-90.4 45.6-45.6L458.4 592l204-204 45.6 45.6L504 637.6z"
										p-id="2427" fill="#fb3777"></path>
								</svg>
							</view>
							<p>安心购</p>
							<span>假一赔十 · 无需赔付 · 极速发货 · 条件退款</span>
						</view>
					</view>
 
					<!-- 热映影片 -->
					<view class="all">
						<!-- 热映影片标题 -->
						<view class="title">
							<view style="line-height: 60rpx;height: 60rpx;display: flex; margin-left: 10rpx;">
								<text class="text1">超值精选</text>
							</view>
						</view>
						<!-- 热映影片内容-->
						<view class="huakuai">
							<scroll-view show-scrollbar="true" scroll-x="true" scroll-left="0" scroll-with-animation="true">
								<view class="huakuai1">
									<view class="yixiaokuai" v-for="(item,index) in dianyin" :key="index">
										<view @click="onNavigat">
											<image :src="item.image" mode="aspectFill" class="img4"></image>
										</view>
										<text style="font-weight: bold;">{{item.name.slice(0,7)}}</text><br>
										<p>
										<h4>￥</h4>228<span>起</span></p>
										<uni-tag :text="item.biao" size="small"
											custom-style="background-color: white; margin-top:30rpx; color: #fb379e; padding:5rpx;">
										</uni-tag>
									</view>
									<view class="yixiaokuai">
										<view class="quan">
											<text>全部</text> <br>
											<text>————</text> <br>
											<text>{{dianyin.length}}部</text>
										</view>
									</view>
								</view>
							</scroll-view>
						</view>
					</view>
					<!-- 周末好去处 -->
					<view class="zmhqc">
						<!-- 周末好去处 标题 -->
						<view class="stitle">
							<view style="line-height: 60rpx;height: 60rpx;display: flex; margin-left: 10rpx;">
								<text class="stext1">周末好去处</text>
							</view>
							<view style="line-height: 60rpx;height: 60rpx;display: flex;">
								<uni-icons class="sims" type="calendar" color="#666" size="15" />
								<uni-tag text="演出日历" custom-style="
							background-color: white;
							color: rgb(0, 0, 0);
							height: 20rpx;
							margin-top: 15rpx;
							padding: 10rpx 10rpx 10rpx 29rpx;
							border-radius: 15rpx;">
								</uni-tag>
							</view>
						</view>
						<!-- 周末好去处 内容-->
						<view class="shuakuai">
							<scroll-view show-scrollbar="true" scroll-x="true" scroll-left="0" scroll-with-animation="true">
								<!-- 选项卡的内容 -->
								<view class="xuan">
									<!-- 超值精选 -->
									<view class="shuakuai1">
										<view class="syixiaokuai" v-for="(item,index) in jianyin" :key="index">
											<view>
												<image :src="item.image" mode="aspectFill" class="simg4"></image>
											</view>
											<text style="font-weight: bold;">{{item.name.slice(0,7)}}</text><br>
											<view class="jtubiao">
												<p>
												<h4>￥</h4>{{item.price}}<span>起</span></p>
												<uni-tag :text="item.biao" size="small" custom-style="background-color: white; margin-top:30rpx; color:#fb3777
													; padding:5rpx;">
												</uni-tag>
											</view>
											<h6>{{item.announcement}}</h6>
										</view>s
										<view class="syixiaokuai">
											<view class="squan">
												<text>查看全部</text>
											</view>
										</view>
									</view>
								</view>
							</scroll-view>
						</view>
					</view>
					<!-- 周末好去处2 -->
					<view class="jing">
						<!-- 周末好去处 标题 -->
						<view class="stitle">
							<view style="line-height: 60rpx;height: 60rpx;display: flex; margin-left: 10rpx; font-weight: bold;">
								<text class="stext1">周末好去处</text>
							</view>
						</view>
						<!-- 精彩演出 内容-->
						<view class="shuakuai">
							<scroll-view show-scrollbar="true" scroll-x="true" scroll-left="0" scroll-with-animation="true">
								<!-- 选项卡 -->
								<view class="inv-h-w">
									<view :class="['inv-h',Inv==0?'inv-h-se':'']" @click="Inv=0">人气</view>
									<view :class="['inv-h',Inv==1?'inv-h-se':'']" @click="Inv=1">折扣</view>
									<view :class="['inv-h',Inv==2?'inv-h-se':'']" @click="Inv=2">最近上演</view>
									<view :class="['inv-h',Inv==3?'inv-h-se':'']" @click="Inv=3">上新</view>
									<view :class="['inv-h',Inv==4?'inv-h-se':'']" @click="Inv=4">距离</view>
								</view>
								<!-- 周末好去处 -->
								<view class="xuan" v-show="Inv == 0">
									<!-- 周末好去处竖列排版 -->
									<view class="content">
										<view class="t-goods-list" v-if="goodsList&&goodsList.length>0">
											<view class="t-goods-item" v-for="(item,index) in goodsList" :key="index"
												@click="clickItem(index)">
												<image class="t-goods-img" :src="item.goodsPic"></image>
												<view class="t-goods-name"><text>{{item.goodsName}}</text></view>
												<view class="t-goods-desc"><text>{{item.goodsDesc}}</text></view>
												<view class="b-goods-desc">
													<p>{{item.weizhi}}</p>
													<p>{{item.juli}}km</p>
												</view>
												<view class="t-goods-price">
													<text class="t-rmb">¥</text>
													<text class="t-p1">{{item.goodsPrice}}</text>
													<text class="t-p2">起</text>
													<uni-tag type="error" :text="item.biaoti" size="small" custom-style="background-color: white; margin-top:30rpx; color:#fb3777
														; padding:5rpx;">
													</uni-tag>
												</view>
											</view>
										</view>
									</view>
								</view>

								<view class="xuan" v-show="Inv == 1">
									<!-- 周末好去处 -->
								</view>

								<view class="xuan" v-show="Inv == 2">
									<!-- 人气推荐 -->
								</view>

							</scroll-view>
						</view>
					</view>
				</view>
			</custom-tab-pane>
			<custom-tab-pane label="演唱会" name="c1_2">内容2</custom-tab-pane>
			<custom-tab-pane label="话剧歌剧" name="c1_3">内容3</custom-tab-pane>
			<custom-tab-pane label="音乐会" name="c1_4">内容4</custom-tab-pane>
			<custom-tab-pane label="曲苑杂坛" name="c1_5">内容5</custom-tab-pane>
			<custom-tab-pane label="标签六6666" name="c1_6">内容6</custom-tab-pane>
			<custom-tab-pane label="标签七77777" name="c1_7">内容7</custom-tab-pane>
		</custom-tabs>
	</view>
</template>

<script>
	export default {
		components: {
			// Mo
		},
		data() {
			return {
				// 选项卡
				items: ['关注', '推荐', '预告片', '热文榜', '误杀'],
				currents: 1,
				// 轮播图数据
				info: [{
						content: '/static/shouye/l1.png'
					},
					{
						content: '/static/shouye/l2.png'
					},
					{
						content: '/static/shouye/l3.png'
					}
				],
				// 热映影片数据
				dianyin: [{
						"name": "小丑回魂",
						"biao": "5.6万人围观",
						"image": "/static/shouye/v2.png"
					},
					{
						"name": "京城81号",
						"biao": "51.8万人围观",
						"image": "/static/shouye/v3.png"
					},
					{
						"name": "爱有来生",
						"biao": "人气爆棚",
						"image": "/static/shouye/v4.png"
					},
					{
						"name": "小丑回魂",
						"biao": "人气爆棚",
						"image": "/static/shouye/v2.png"
					},
					{
						"name": "京城81号",
						"biao": "6.5万人围观",
						"image": "/static/shouye/v3.png"
					},
					{
						"name": "爱有来生",
						"biao": "人气顶峰",
						"image": "/static/shouye/v4.png"
					}
				],
				// 即将上映
				jianyin: [{
						"name": "小丑回魂",
						"biao": "12月20日上映",
						"price": 228,
						"announcement": '本周五',
						"image": "https://tse2-mm.cn.bing.net/th/id/OIP-C.t_0Z0FsF8yXVmyd-Ktl0MAHaKX?w=204&h=285&c=7&r=0&o=5&pid=1.7"
					},
					{
						"name": "京城81号",
						"biao": "12月20日上映",
						"price": 278,
						"announcement": '本周六',
						"image": "https://tse4-mm.cn.bing.net/th/id/OIP-C.CPP-4HnPPn7iLZaaIpOTqwHaKg?w=204&h=290&c=7&r=0&o=5&pid=1.7"
					},
					{
						"name": "爱有来生",
						"biao": "12月22日上映",
						"price": 59,
						"announcement": '本周六',
						"image": "/static/shouye/v4.png"
					},
					{
						"name": "小丑回魂",
						"biao": "12月24日上映",
						"price": 88,
						"announcement": '下周一',
						"image": "/static/shouye/v2.png"
					},
					{
						"name": "京城81号",
						"biao": "12月26日上映",
						"price": 256,
						"announcement": '下周三',
						"image": "/static/shouye/v3.png"
					},
					{
						"name": "爱有来生",
						"biao": "12月28日上映",
						"price": 250,
						"announcement": '本周日',
						"image": "/static/shouye/v4.png"
					},
					{
						"name": "小丑回魂",
						"biao": "1月2日上映",
						"price": 200,
						"announcement": '下周四',
						"image": "/static/shouye/v2.png"
					},
					{
						"name": "京城81号",
						"biao": "1月10日上映",
						"price": 281,
						"announcement": '下周五',
						"image": "/static/shouye/v3.png"
					},
					{
						"name": "爱有来生",
						"biao": "1月12日上映",
						"price": 288,
						"announcement": '本周日',
						"image": "/static/shouye/v4.png"
					}
				],
				// 选项卡索引
				Inv: 0,
				// 竖式数据
				goodsList: [{
						goodsPic: '/static/shouye/v2.png',
						goodsName: '小丑回魂',
						goodsDesc: '2019.10.26-2020.01.01',
						weizhi: '奥体中心体育馆',
						juli: 10.6,
						goodsPrice: 160,
						biaoti: '附近演出'
					},
					{
						goodsPic: '/static/shouye/v4.png',
						goodsName: '京城81号',
						goodsDesc: '2019.12.12 周四 19:30',
						weizhi: '中央美术学院',
						juli: 10.6,
						goodsPrice: 200,
						biaoti: '附近演出'
					}, {
						goodsPic: '/static/shouye/v3.png',
						goodsName: '小丑回魂',
						goodsDesc: '2020.01.01-2023.05.30',
						weizhi: '奥体中心体育馆',
						juli: 10.6,
						goodsPrice: 120,
						biaoti: '附近演出'
					},
					{
						goodsPic: '/static/shouye/v5.png',
						goodsName: '爱有来生',
						goodsDesc: '2019.12.12 周六 20:30',
						weizhi: '中央美术学院',
						juli: 10.6,
						goodsPrice: 288,
						biaoti: '附近演出'
					},
				],
				// 布局数据
				goodData: [{
						image: '/static/goods/1.jpg',
						title: '焦糖玛奇朵',
						subtitle: '热/半糖/无奶',
						originalPrice: 32,
						favourPrice: 16,
						tip: '新品',
						list: [ //所有的规格可能情况都在这个数组里
							{
								"id": "1",
								"price": "16",
								"stock": "40", //库存
								"difference": "冰,无糖"
							},
							{
								"id": "2",
								"price": "16",
								"stock": "50",
								"difference": "冰,半份糖"
							},
							{
								"id": "3",
								"price": "16",
								"stock": "60",
								"difference": "冰,单份糖"
							},

							{
								"id": "4",
								"price": "16",
								"stock": "70",
								"difference": "热,无糖",
							},
							{
								"id": "5",
								"price": "16",
								"stock": "80",
								"difference": "热,半份糖"
							},
							{
								"id": "6",
								"price": "16",
								"stock": "90",
								"difference": "热,单份糖"
							},

						],
						attrs: [ //被渲染字段

							{
								"name": "温度",
								"item": [{
										"name": "热"
									},
									{
										"name": "冰"
									}
								]
							},
							{
								"name": "糖",
								"item": [{
										"name": "无糖"
									},
									{
										"name": "半份糖"
									},
									{
										"name": "单份糖"
									}
								]
							}
						]
					},
					{
						image: '/static/goods/2.jpg',
						title: '摩卡',
						subtitle: '热/半糖/无奶',
						originalPrice: 35,
						favourPrice: 18,
						tip: '新品'
					},
					{
						image: '/static/goods/3.jpg',
						title: '卡布奇诺',
						subtitle: '热/半糖/无奶',
						originalPrice: 36,
						favourPrice: 20,
						tip: '新品'
					},
					{
						image: '/static/goods/4.jpg',
						title: '馥芮白',
						subtitle: '热/半糖/无奶',
						originalPrice: 38,
						favourPrice: 21,
						tip: '新品'
					},
				],
			}

		},
		methods: {
			// 选项卡切换
			onNavigat(){
				console.log("111111");
				uni.navigateTo({
					url:"/pages/index/index"
				})
			},
			onClickItem(e) {
				if (this.currents != e.currentIndex) {
					this.currents = e.currentIndex;
				}
			},
			// 选项卡切换
			changeTab(Inv) {
				that.navIdx = Inv;
			},
			// 轮播图方法
			change(e) {
				this.current = e.detail.current;
			},
			detail(e) { // 商品详情
				uni.navigateTo({
					url: '../detail/detail?params=' + JSON.stringify(e)
				})
			},
			clickItem(index) { //竖式布局
				console.log("当前点击的商品下标是" + index);
			}
		},
	}
</script>

<style lang="scss" scoped>
	page {
		background: #F8F8F8;
	}

	view {
		font-size: 28rpx;
	}

	.shou {
		width: 100%;
		background-color: #ffffff;

		// 自定义导航栏
		.status-contents {
			height: calc(var(--status-bar-height) + 50px);

			.top-view {
				// width: 100%;
				// position: fixed;
				// z-index: 99;
				top: 0;
			}

			.status {
				background-color: #ffffff;
				height: var(--status-bar-height);
			}

			.title {
				// width: 100%;
				// position: fixed;
				// z-index: 99;
				padding: 3rpx;
				background-color: #ffffff;
				padding-bottom: 30rpx;
				// margin-top: 80rpx;
				display: flex;
				top: var(--status-bar-height);

				.city {
					display: flex;
					font-size: 25rpx;
					align-items: center;
					margin-top: 4%;
					margin-left: 15rpx;

					.icons {
						margin-right: 10rpx;
					}
				}

				.input-view {
					display: flex;
					flex-direction: row;
					flex: 1;
					background-color: #f5f5f5;
					height: 55rpx;
					border-radius: 25rpx;
					padding: 0 15rpx;
					flex-wrap: nowrap;
					margin: 14rpx 40rpx;
					line-height: 55rpx;
				}

				.input-uni-icon {
					line-height: 55rpx;
				}

				.nav-bar-input {
					height: 55rpx;
					line-height: 55rpx;
					padding: 0 5px;
					font-size: 25rpx;
					background-color: #f5f5f5;
				}
			}
		}

		// 内容区域样式
		.content {
			width: 100%;
			margin: 20rpx 0rpx 15rpx 0rpx;
			background-color: #ffffff;

			// 图片安心购
			.lun {
				width: 90%;
				height: 280rpx;
				margin: 0 auto;

				image {
					width: 100%;
					height: 200rpx;
					border-radius: 30rpx;
				}

				.axg {
					display: flex;
					height: 80rpx;
					line-height: 80rpx;
					background-color: #f5f5f5;
					margin-top: 10rpx;
					border-radius: 10rpx;

					.ax {
						display: flex;
						margin: 20rpx 4rpx 0rpx 20rpx;
					}

					p {
						font-weight: bold;
						margin-right: 80rpx;
					}

					span {
						color: #b7b7b7;
						font-size: 20rpx;
					}
				}
			}

			// 热映影片
			.all {
				width: 95%;
				display: block;
				background-color: #ffffff;
				margin: 2.5%;
				margin-top: 25rpx;
				border-radius: 15rpx;

				// 热映影片标题
				.title {
					width: 98%;
					justify-content: space-between;
					display: flex;
					margin-top: 25rpx;

					.text1 {
						text-align: left;
						font-size: 30rpx;
						margin-top: 5rpx;
						font-weight: bold;
						background-color: white;
					}
				}

				// 热映影片内容
				.huakuai {
					width: 100%;
					display: flex;
					overflow: hidden;
					white-space: nowrap;
					margin-top: 15rpx;

					.huakuai1 {
						display: inline-block;

						.yixiaokuai {
							display: inline-block;
							text-align: left;
							margin-left: 10rpx;
							margin-right: 10rpx;
							margin-bottom: 20rpx;

							.img4 {
								width: 210rpx;
								height: 320rpx;
								border-radius: 20rpx;
							}

							p {
								display: flex;
								font-weight: bold;
								color: #fb3777;

								h4 {
									font-size: 20rpx;
									margin-top: 6rpx;
								}

								span {
									font-weight: normal;
									color: #bcbac3;
									font-size: 6rpx;
									margin-top: 6rpx;
								}
							}

						}

						.yixiaokuai:last-child {
							width: 210rpx;
							height: 320rpx;
							margin-left: 10rpx;
							margin-right: 10rpx;
							background-color: #f2f2f2;
							border-radius: 20rpx;
							vertical-align: top;

							.quan {
								text-align: center;
								padding-top: 40%;
							}
						}
					}
				}
			}

			.zmhqc {
				width: 95%;
				display: block;
				background-color: #ffffff;
				margin: 2.5%;
				margin-top: 25rpx;
				border-radius: 15rpx;

				// 精彩演出标题
				.stitle {
					width: 98%;
					justify-content: space-between;
					display: flex;
					margin-top: 25rpx;
					height: 80rpx;

					.stext1 {
						text-align: left;
						font-size: 30rpx;
						margin-top: 5rpx;
						background-color: white;
						font-weight: bold;
					}

					.sims {
						width: 30rpx;
						height: 25rpx;
						margin-top: 10rpx;
						position: absolute;
					}
				}

				// 精彩演出内容
				.shuakuai {
					width: 100%;
					display: flex;
					overflow: hidden;
					white-space: nowrap;
					margin-top: 5rpx;

					.inv-h {
						font-size: 20rpx;
						width: 85rpx;
						margin-left: 15rpx;
						margin-right: 30rpx;
						text-align: left;
						color: #333333;
						height: 70rpx;
						line-height: 70rpx;
					}

					.inv-h-se {
						color: #343333;
						font-weight: 800;
					}

					// 选项卡内容
					.xuan {
						margin: 5rpx;

						.shuakuai1 {
							display: inline-block;

							.syixiaokuai {
								display: inline-block;
								text-align: left;
								margin-left: 10rpx;
								margin-right: 10rpx;

								.simg4 {
									width: 210rpx;
									height: 320rpx;
									border-radius: 20rpx;
								}

								h6 {
									color: #c7c7c7;
									margin-top: 20rpx;
								}

								p {
									display: flex;
									font-weight: bold;
									color: #fb3777;

									h4 {
										font-size: 20rpx;
										margin-top: 6rpx;
									}

									span {
										font-weight: normal;
										color: #bcbac3;
										font-size: 6rpx;
										margin-top: 6rpx;
									}
								}

								.stubiao {
									width: 100rpx;
									text-align: left;
									margin-top: 20rpx;
									margin-bottom: 5rpx;
								}
							}

							.syixiaokuai:last-child {
								width: 210rpx;
								height: 320rpx;
								margin-left: 10rpx;
								margin-right: 10rpx;
								background-color: #f2f2f2;
								border-radius: 20rpx;
								vertical-align: top;

								.squan {
									text-align: center;
									padding-top: 60%;
								}
							}
						}

					}
				}
			}

			// 精彩演出
			.jing {
				width: 95%;
				display: block;
				background-color: #ffffff;
				margin: 2.5%;
				margin-top: 25rpx;
				border-radius: 15rpx;

				// 精彩演出标题
				.stitle {
					width: 98%;
					justify-content: space-between;
					display: flex;
					margin-top: 25rpx;

					.stext1 {
						text-align: left;
						font-size: 30rpx;
						margin-top: 5rpx;
						background-color: white;
					}
				}

				// 精彩演出内容
				.shuakuai {
					width: 100%;
					display: flex;
					overflow: hidden;
					white-space: nowrap;
					margin-top: 5rpx;

					/* 选项卡样式 */
					.inv-h-w {
						background-color: #FFFFFF;
						height: 70rpx;
						display: flex;
					}

					.inv-h {
						font-size: 20rpx;
						width: 85rpx;
						margin-left: 15rpx;
						margin-right: 30rpx;
						text-align: left;
						color: #333333;
						height: 70rpx;
						line-height: 70rpx;
					}

					.inv-h-se {
						color: #343333;
						font-weight: 800;
					}

					.content {
						box-sizing: border-box;
						min-width: 100%;
						min-height: 100vh;
						background-color: #f2f3f5;
						padding-bottom: 80rpx;


						.t-goods-list {
							padding-top: 18rpx;
							box-sizing: border-box;
							width: 690rpx;
							margin: 0 auto;
							display: flex;
							flex-direction: row;
							justify-content: space-between;
							align-items: center;
							flex-wrap: wrap;

							.t-goods-item {
								box-sizing: border-box;
								width: 336rpx;
								height: 530rpx;
								background-color: #ffffff;
								border-radius: 20rpx;
								overflow: hidden;
								margin-bottom: 18rpx;
								position: relative;

								.t-goods-img {
									width: 100%;
									height: 340rpx;
								}

								.t-goods-name {
									font-size: 28rpx;
									color: #000000;
									line-height: 30rpx;
									-webkit-line-clamp: 2;
									display: -webkit-box;
									text-overflow: ellipsis;
									overflow: hidden;
									-webkit-box-orient: vertical;
									padding: 0rpx 18rpx;
									box-sizing: border-box;
									word-break: break-all;
								}

								.t-goods-desc {
									font-size: 24rpx;
									color: #9e9e9e;
									line-height: 26rpx;
									-webkit-line-clamp: 1;
									display: -webkit-box;
									text-overflow: ellipsis;
									overflow: hidden;
									-webkit-box-orient: vertical;
									padding: 0rpx 18rpx;
									box-sizing: border-box;
									margin-top: 16rpx;
									word-break: break-all;
								}

								.b-goods-desc {
									font-size: 24rpx;
									color: #9e9e9e;
									line-height: 26rpx;
									padding: 0rpx 18rpx;
									margin-top: 16rpx;
									display: flex;
									justify-content: space-between;
									margin-bottom: 6rpx;
								}

								.t-goods-price {
									padding: 0rpx 18rpx;
									height: 50rpx;
									line-height: 50rpx;
									width: 100%;
									width: 100%;

									.t-rmb {
										margin-top: 6rpx;
										font-size: 24rpx;
										font-weight: bold;
										color: #fb4084;
									}

									.t-p1 {
										font-size: 32rpx;
										color: #fb4084;
										margin-left: 4rpx;
										font-weight: bold;
									}

									.t-p2 {
										font-size: 20rpx;
										color: #999999;
										margin-left: 4rpx;
										margin-right: 88rpx;
									}
								}
							}
						}
					}
				}
			}
		}
	}
</style>